<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>
<script src="https://cdn.bootcss.com/vue/2.3.4/vue.js"></script>
<div id="root">
	
</div>
<script>
	/**
	 * 当组件和混合对象含有同名选项时，
	 * 这些选项将以恰当的方式混合。
	 * 比如，同名钩子函数将混合为一个数组，
	 * 因此都将被调用。另外，混合对象的 钩子将在组件自身钩子 之前 调用 
	 */
var mixin = {
  created: function () {
    console.log('mixin hook called')
  }
}
new Vue({
  mixins: [mixin],
  created: function () {
    console.log('component hook called')
  }
})
// -> "混合对象的钩子被调用"
// -> "组件钩子被调用"
</script>
</body>
</html>